<template>
	<dl class="index-item" :style="getLightStyleObject()">
		<dt><img :src="car.imgUrl"/></dt>
		<dd>
			<h3>{{car.brandName}} | {{car.type}} </h3>
			<div class="hui">
				<span>{{car.mileage}}km</span>
				<!-- <span>{{car.energy}}</span>
				<span>{{car.displacement}}</span> -->
				<span class="amount">￥{{car.price}}</span>
			</div>
		</dd>
	</dl>
</template>

<script>
	export default {
		props: {
			car: {
				type: Object,
				default: {
					imgUrl: "http://demo.mxyhn.xyz:8020/cssthemes6/12.20ZF27/images/fang1.jpg",
					name: "名称",
					brandName: "品牌名",
					price: 100,
					type: "车型",
					energy: "能源",
					drive: "驱动",
					transmissionCase: "变速箱",
					displacement: "排量"
				}
			},
		},
		data () {
			return{}
			
		},
		methods: {
			getLightStyleObject: function() {
				return {
					animation: 'light'+this.common.getRandom(1, 4)+" "+this.common.getRandom(1, 10)+'s infinite',
				}
			}
		}
	}
</script>

<style>
	
</style>
